<template>
  <teleport to="#modal">
      <div class="modal">
          modal..
      </div>
  </teleport>
</template>

<script>
export default {

}
</script>

<style>
    .modal {
        height: 200px;
        width: 200px;
        border: 1px solid;
        background-color: red;
        /* margin: 100px auto; */
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -100px;
        margin-top: -100px;
    }
</style>